<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>博物馆讲解</title>
		<link href="../assets/commonAssets/boostrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
		<link href="../assets/manageAssets/css/iconfont.css" rel="stylesheet" type="text/css" />
		<link href="../assets/manageAssets/css/explain.css" rel="stylesheet" type="text/css" />
		<script src="../assets/commonAssets/jquery/jquery-3.4.1.js"></script>
		<script src="../assets/commonAssets/boostrap/js/bootstrap.js"></script>
		<script src="../assets/manageAssets/js/explain.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="container-fluid">
			<div class="row">
				<div class="Top"><i>博物馆讲解</i></div>
				<div class="col-xs-8">
					<div class="btn-group" role="group" id="btnGroup">
						<button type="button" class="btn btn-default" id="selectAll">
							全选
						</button>
						<button type="button" class="btn btn-default" id="unselectAll">
							取消全选
						</button>
						<button type="button" class="btn btn-default" id="addexplain">
							<span class="glyphicon glyphicon-plus" style="font-size: 14px;"></span>
							添加
						</button>
						<button type="button" class="btn btn-default" id="edit">
							<span class="iconfont icon-bianji" style="font-size: 14px;"></span>
							编辑
						</button>
						<button type="button" class="btn btn-default" id="delete">
							<span class="iconfont icon-shanchu3" style="font-size: 14px;"></span>
							删除
						</button>
					</div>
				</div>
				<div class="col-xs-4">
					<form class="navbar-form navbar-right" role="search" method="get" action="/selectExplain" id="selectBtn">
						<div class="form-group">
							<input type="text" name="keyword" class="form-control" placeholder="输入展柜名称" th:value="${param.keyword}">
						</div>
						<button type="submit" class="btn btn-default">
							<span class="iconfont icon-sousuo1"></span>
							搜索
						</button>
					</form>
				</div>
				<div class="col-xs-12">
					<table class="table table-hover">
						<thead>
							<tr>
								<th><input type="checkbox" class="checkbox" style="opacity: 0;"/></th>
								<th>所在展厅</th>
								<th>展柜名称</th>
								<th>展柜音频</th>
								<th>展柜图片</th>
							</tr>
						</thead>
						<tbody>
							<tr th:each="explainBean,start:${list}">
								<td><input type="checkbox" class="checkbox" th:value="${explainBean.geteID()}"/></td>
								<td th:text="${explainBean.getHname()}+'厅'"></td>
								<td th:text="${explainBean.getEname()}"style="width: 650px;"></td>
								<td th:text="${explainBean.getEvoice()}"></td>
								<td><img th:src="${explainBean.getEimage()}" style="width: 120px;height: 50px;"></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</body>


</html>
